<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>青岛理工大学 2025</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            background-image: url('https://img.tukuppt.com/ad_preview/00/11/49/5c994856b8ca8.jpg!/fw/780');
            background-size: cover;
            background-repeat: no-repeat;
            margin: 0;
            padding: 0;
        }
        .container {
            width: 80%;
            margin: 50px auto;
            background: #fff;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        header img {
      
            width: 200px;
            height: auto;
        }
        .form-group {
            margin-bottom: 20px;
        }
        .form-group label {
            display: block;
            margin-bottom: 5px;
        }
        .form-group input, .form-group select {
            width: 100%;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
        .form-group input[type="radio"] {
            width: auto;
        }
        .form-group .radio-label {
            display: inline-block;
            margin-left: 10px;
        }
        .form-group .radio-label input {
            margin-right: 5px;
        }
        .form-group .highlight {
            border: 2px solid red;
        }
    </style>
</head>
<body>
    <div class="container">
        <h2>青岛理工大学 2025</h2>
        <form>
            <div class="form-group">
                <label for="name">学生姓名 Name*</label>
                <input type="text" id="name" name="name" required>
            </div>
            <div class="form-group">
                <label for="gender">性别 Gender*</label>
                <input type="radio" id="male" name="gender" value="male" required>
                <label for="male" class="radio-label">男</label>
                <input type="radio" id="female" name="gender" value="female" required>
                <label for="female" class="radio-label">女</label>
            </div>
            <div class="form-group">
                <label for="id">身份证号 ID*</label>
                <input type="text" id="id" name="id" value="" required>
            </div>
            <div class="form-group">
                <label for="visa">有无签证 Visa Status Check*</label>
                <input type="radio" id="visa_yes" name="visa" value="yes" required>
                <label for="visa_yes" class="radio-label">有 Yes</label>
                <input type="radio" id="visa_no" name="visa" value="no" required>
                <label for="visa_no" class="radio-label">无 No</label>
            </div>
            <div class="form-group">
                <label for="contact">通讯地址 Contact Address*</label>
                <input type="text" id="contact" name="contact" value="" required>
            </div>
            <div class="form-group">
                <label for="phone">联系电话方式 Student Contact Number*</label>
                <input type="text" id="phone" name="phone" value="" required>
            </div>
            <div class="form-group">
                <label for="father_name">父亲姓名 Father's Name*</label>
                <input type="text" id="father_name" name="father_name" required>
            </div>
            <div class="form-group">
                <label for="father_contact">父亲联系方式 Father's Contact Number*</label>
                <input type="text" id="father_contact" name="father_contact" required>
            </div>
            <div class="form-group">
                <label for="mother_name">母亲姓名 Mother's Name*</label>
                <input type="text" id="mother_name" name="mother_name" required>
            </div>
            <div class="form-group">
                <label for="mother_contact">母亲联系方式 Mother's Contact Number*</label>
                <input type="text" id="mother_contact" name="mother_contact" required>
            </div>
            <div class="form-group">
                <label for="gaokao" class="required">高考成绩 GaoKao Scores</label>
                <input type="number" id="gaokao" name="gaokao" required>
            </div>
            
            <div class="form-group">
                <label for="english-score" class="required">高考英语成绩 GaoKao English Score</label>
                <input type="number" id="english-score" name="english-score" required>
            </div>
            
            <div class="form-group">
                <label for="other-language">其他语言成绩 English Proficiency</label>
                <input type="text" id="other-language" name="other-language">
            </div>
            
            <div class="form-group">
                <label for="subject" class="required">申请专业 Subject Area</label>
                <select id="subject" name="subject" required>
                    <option value="">-- 请选择 --</option>
                    <option value="business-management">商务管理 Business Management</option>
                <option value="business-accounting">商务会计 Business Accounting</option>
                <option value="software-development">计算机软件开发 Computing: Software Development</option>
            </select>
        </div>
        
        <div class="form-group">
            <label class="required">意向国家 Study Abroad（可多选）</label>
            <div class="checkbox-group">
                <div class="checkbox-item">
                    <input type="checkbox" id="country-gbr" name="country" value="GBR">
                    <label for="country-gbr">英国 (GBR)</label>
                </div>
                <div class="checkbox-item">
                    <input type="checkbox" id="country-usa" name="country" value="USA">
                    <label for="country-usa">美国 (USA)</label>
                </div>
                <div class="checkbox-item">
                    <input type="checkbox" id="country-can" name="country" value="CAN">
                    <label for="country-can">加拿大 (CAN)</label>
                </div>
                <div class="checkbox-item">
                    <input type="checkbox" id="country-nzl" name="country" value="NZL">
                    <label for="country-nzl">新西兰 (NZL)</label>
                </div>
                <div class="checkbox-item">
                    <input type="checkbox" id="country-aus" name="country" value="AUS">
                    <label for="country-aus">澳大利亚 (AUS)</label>
                </div>
                <div class="checkbox-item">
                    <input type="checkbox" id="country-hun" name="country" value="HUN">
                    <label for="country-hun">匈牙利 (HUN)</label>
                </div>
                <div class="checkbox-item">
                    <input type="checkbox" id="country-sgp" name="country" value="SGP">
                    <label for="country-sgp">新加坡 (SGP)</label>
                </div>
                <div class="checkbox-item">
                    <input type="checkbox" id="country-other" name="country" value="Others">
                    <label for="country-other">其他 (Others)</label>
                </div>
            </div>
        </div>

        <div class="form-group">
            <label for="payment-screenshot" class="required">考试费缴费截图Payment Screenshot</label>
            <input type="file" id="payment-screenshot" name="payment-screenshot" required>
        </div>
    </form>
</body>
</html>
    